<template>
  <div id="box">
    <div class="column" v-for="item in list">
      <img :src="dalImg(item.coverImage)" alt="" />
      <p>1</p>
    </div>
  </div>
</template>
<script setup>
import { ref } from 'vue'
import { loadProductsAPI, loadProductCategoriesAPI } from '../services/products'
import { dalImg } from '../utils/tools'
const list = ref([])
loadProductsAPI().then((res) => {
  console.log(res.data)
  list.value = res.data
})
</script>
<style scoped>
#box {
  padding-bottom: 200px;
  flex-wrap: wrap;
  /* flex-flow: column wrap; */
  display: flex;
  flex-direction: row;
  background: red;
}
.column {
  padding: 10px;
  /* display: flex; */
  flex-direction: column;
  width: calc(100% / 2);
}
</style>
